05417-190219 ScrapboxにEnterキーで新規ページ作成
https://flic.kr/p/2dGRjk3 https://farm8.staticflickr.com/7874/46407255744_44cd473120_k.jpg
トップページで「enter」キーを押せば新規ページが作成されるスクリプト。これ欲しかった。Scrapboxに標準で備わっていてもいいくらいの機能だと思います。ほとんどの操作をキーボードから行えるScrapboxにあって、新規ページを作成する時にはトラックパッドに指を伸ばす必要がある。
トップページ以外のページを開いている時も、編集中ではない閲覧状態(文中にカーソルがない状態)ならenterキー押すことで新規ページを作成できます。便利!!
一方、それと同時に提案されている「新規作成ボタンを消す」に関して、shio.iconも同感。消したい。でもそれを消してしまうと、iPhone/iPadで開いたときに新規ページを作成する方法がなくなってしまって困ります。iPhone/iPadにはenterキーがありませんから。
なので、「Enterキーで新規ページ作成」だけ流用させていただき、「新規作成ボタンを消す」は導入していません。もし新規作成ボタンがなくてもiPhone/iPadで新規ページを作成することができるようになったら導入したい!!
https://flic.kr/p/2dGRj2h https://farm8.staticflickr.com/7921/46407254714_9175b6af5f_k.jpg
導入方法は簡単。
「自分のページ」(shio.iconの場合はshio)に、下記のコードをコピペするだけ。 Enterキーで新規ページ作成
code:script.js
$('body').on('keydown',function(e){ // Enterキーで新規ページ作成
if(e.target.tagName != "TEXTAREA" && e.target.tagName != "INPUT"){
if(e.key == 'Enter'){
var project = location.href.split('/')3; location.href = /${project}/new;
}
}
});
$('.btn.btn-default').on('click',function(){
var s = $('.form-control').val();
if(s == ''){
var project = location.href.split('/')3; location.href = /${project}/new;
}
});
すでに/shiologyの/shiology/shioに導入済みなので、shiology.orgで採用しているUser Scriptをまとめて導入したい場合は、下記のコードをご自身の「自分のページ」に貼るだけで、この「Enterキーで新規ページ作成」も含めて導入されます。 code:script.js
import "/api/code/shiology/shio/script.js";
https://flic.kr/p/R3pJtz https://farm8.staticflickr.com/7801/32188745087_5d62df7b86_k.jpg